/* Copyright (c) 2024 Huawei Technologies Co., Ltd.
openFuyao is licensed under Mulan PSL v2.
You can use this software according to the terms and conditions of the Mulan PSL v2.
You may obtain a copy of Mulan PSL v2 at:
         http://license.coscl.org.cn/MulanPSL2
THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
See the Mulan PSL v2 for more details. */
@import '@/styles/common.less';

.dark_box {

  .@{container-prefix}-select-selector,
  .@{container-prefix}-picker {
    background: #2a2d34ff;
    color: #fff;
    border: 1px solid rgb(68, 68, 68);
  }

  .@{container-prefix}-select-arrow,
  .@{container-prefix}-picker-suffix,
  .@{container-prefix}-picker-clear {
    color: #f7f7f7;
  }

  .@{container-prefix}-input-affix-wrapper {
    background: #2a2d34ff;
  }

  .modal_flex_delete {
    .@{container-prefix}-modal-header {
      .@{container-prefix}-modal-title {
        color: #f7f7f7;
      }
    }

    .@{container-prefix}-modal-close-x {
      svg {
        color: #f7f7f7 !important;
      }
    }

    .word_tograry {
      .word_tograry_alarm {
        .bread_word_delete {
          color: #f7f7f7 !important;
        }
      }
    }
  }


  .@{container-prefix}-modal-root .cancel_btn {
    border: 1px solid rgb(68, 68, 68);
    background: #2a2d34ff;
    color: #f7f7f7;
  }

  .child_content {
    background: #171a1f;

    .big_data_dashboard_box {
      background: @dark-background-color;

      .big_data_header {
        h2 {
          color: #f7f7f7;
        }
      }
    }
  }

  .@{container-prefix}-radio-inner::after {
    background: #2a2d34ff;
  }

  .@{container-prefix}-table-cell a {
    color: #4b8bea;
  }

  .@{container-prefix}-breadcrumb {
    background-color: #2a2d34ff;
    color: #F7F7F7;
    box-shadow: @dark-box-shadow;

    a {
      color: #89939b !important;
    }

    li {
      span {
        color: #cccccc !important;
      }
    }
  }

  .@{container-prefix}-modal-content {
    .@{container-prefix}-modal-title {
      color: #f7f7f7;
    }

    .@{container-prefix}-modal-close-x svg {
      color: #f7f7f7;
    }
  }

  .@{container-prefix}-input-outlined {
    background-color: #2a2d34ff;
    color: #ccc;
    border-color: rgb(68, 68, 68);
  }

  .@{container-prefix}-input-outlined::placeholder {
    color: #666666;
  }

  .@{container-prefix}-input-search-button {
    color: #666666 !important;
    background-color: @dark-background-color;
    border-color: rgb(68, 68, 68);
  }

  .@{container-prefix}-table-tbody {
    .container-platform-table-row {
      background: @dark-background-color !important;
    }

    tr {
      td {
        background: @dark-background-color !important;
      }

    }
  }

  .@{container-prefix}-tabs-nav {
    background: #2a2d34ff;

    .@{container-prefix}-tabs-nav-list {
      background-color: #2a2d34ff;
    }

    .@{container-prefix}-tabs-tab {
      .@{container-prefix}-tabs-tab-btn {
        color: #89939B !important;
      }
    }

    .@{container-prefix}-tabs-tab-active {
      .@{container-prefix}-tabs-tab-btn {
        color: #4b8bea !important;
      }
    }
  }

  .@{container-prefix}-tabs-content-holder {
    background-color: #171a1f !important;
  }

  .cancel_btn {
    color: #f7f7f7;
    background: #2a2d34ff;
    border: 1px solid #444444ff;
  }

  .code_mirror_box {
    border: 1px solid #444444ff;
    background: #171a1fff !important;

    .cm-editor {
      .cm-scroller {
        .cm-gutters {
          background-color: #171a1fff !important;
        }

        .cm-gutterElement,
        .cm-gutter {
          color: #09aa71;
          font-size: 16px;
          line-height: 22px;
        }

        .cm-activeLineGutter {
          background-color: #171a1fff !important;
        }

        .cm-line {
          color: #fff;
          font-size: 16px;
          line-height: 22px;
        }

        .ͼl {
          color: #fff;
        }
      }
    }
  }

  .out-table-list {
    background-color: #171a1f !important;
  }

  .numa_container {
    background-color: #2a2d34ff;
  }

  .node_name {
    background-color: #2a2d34ff;
    color: #f7f7f7;
  }

  .numa_indicator {
    background-color: #2a2d34ff;
  }

  .numa_info_node {
    background-color: #2a2d34ff;

    .numa_node_memory_free {
      color: #f7f7f7;
    }
  }
  .numa_info_node_indoor{
    background-color: #2a2d34ff;
  }
  .numa_node_memory_free{
    color: #fff;
  }
  .volcano-table {
    background-color: #2a2d34ff;
  }

  .numa_container_details {
    background-color: #171a1f;
  }

  .scheduling_policy_container {
    background-color: #171a1f;
  }

  .default_scheduling {
    background-color: #2a2d34ff;
  }

  .priority_class_container {
    background-color: #171a1f;
  }

  .priority-out-box {
    background-color: #2a2d34ff;
  }

  .tab_container {
    background-color: #2a2d34ff;
  }

  .priority_header {
    background-color: #2a2d34ff;

    .priority_title {
      background-color: #2a2d34ff;
      color: #F7F7F7;
    }
  }

  .volcano-page {
    .@{container-prefix}-pagination-options-quick-jumper input {
      color: #fff !important;
      background-color: @dark-background-color !important;
      border: 1px solid #666666;
    }

    .@{container-prefix}-select:hover .@{container-prefix}-select-selector {
      background-color: @dark-background-color !important;
    }

    .@{container-prefix}-pagination-prev {
      background: @dark-background-color;
      border: 1px solid #666666;
    }

    .@{container-prefix}-pagination-prev:hover {
      button {
        background: @button-hover-color !important;
        color: #fff;
      }
    }

    .@{container-prefix}-pagination-disabled:hover {
      button {
        background: @dark-background-color !important;
      }
    }

    .@{container-prefix}-pagination-item {
      background: @dark-background-color;
      border: 1px solid #666666;

      a:hover {
        color: #fff !important;
      }
    }

    .@{container-prefix}-pagination-item:hover {
      background: @button-hover-color !important;
      color: #fff;

      button {
        background: @button-hover-color !important;
        color: #fff;
      }
    }

    .@{container-prefix}-pagination-next {
      background-color: @dark-background-color;
      border: 1px solid #666666;
    }

    .@{container-prefix}-pagination-next:hover {
      background: @button-hover-color !important;
      color: #fff;

      button {
        background: @button-hover-color !important;
      }
    }

  }

  .detail_card {
    background-color: #2a2d34ff;
  }
  .markdown-body{
    pre{
      background: #2a2d34ff;
    }
    th{
      background: #2a2d34ff;
    }
    td{
      background: #2a2d34ff;
    }
  }
  
  .numa_overview{
    .numa_overview_content_banner{
      background-image: url(../assets/images/overviewBannerDark.png);
      .numa_overview_content_banner_desc{
        color: #f7f7f7;
      }
    }
    .numa_overview_content{
      background: #171a1f;
      .numa_overview_content_process_all{
        background: #2a2d34;
        .numa_overview_content_process_single{
          border-bottom: 1px solid #444444;
          .numa_overview_content_process_single_rightTop_title{
            color: #f7f7f7 !important;
          }
        }
      }
    }
  }
  .affinity_policy{
    .affinity_policy_content{
      background: #171a1f;
      .affinity_policy_content_one{
        background:#2a2d34;
        .affinity_policy_content_one_title{
          color: #f7f7f7;
        }
        .@{container-prefix}-collapse-item{
          background: #2a2d34;
          .@{container-prefix}-collapse-arrow{
            svg{
              color: #f7f7f7 !important;
            }
          }
          .@{container-prefix}-collapse-header-text{
            color: #f7f7f7 !important;
          }
        }
      }
    }  
  }
}